<div>
    <!-- 面包屑 -->
    <div class="widewrapper subheader">
        <div class="container">
            <div class="clean-breadcrumb">
                <a [routerLink]="['']">Blog</a>

            </div>


            <!-- <div class="clean-searchbox">
                <form action="#" method="get" accept-charset="utf-8">
                    <input class="searchfield" id="searchbox" type="text" placeholder="Search">
                    <button class="searchbutton" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </form>
            </div> -->
        </div>
    </div>
    <!-- end -->

    <div class="widewrapper main">
        <div class="container">
            <div class="row">
                <div class="col-md-8 blog-main">
                    <div class="row">
                        <!-- 文章 -->
                        <div class="col-md-6 col-sm-6" *ngFor="let item of articles">
                            <article class=" blog-teaser">
                                <header>
                                    <img src="/assets/img/1.jpg" alt="">
                                    <h3>
                                        <a  [routerLink]="[ '/index/postdetail', item.id ]">{{item.title}}</a>
                                    </h3>
                                    <hr>
                                </header>
                                <div class="body">
                                    {{item.creatorUserName}} 发表于
                                    <span class="meta">{{item.publishedTime| momentFormat:'L'}}</span>
                                </div>
                                <div class="clearfix">
                                    <a  [routerLink]="[ '/index/postdetail', item.id ]" class="btn btn-clean-one">查看</a>
                                </div>
                            </article>
                        </div>
                        <!-- 文章end -->
                    </div>
                    <!-- 分页 -->
                    <!-- <div class="paging">
                        <div class="primeng-paging-container">
                            <p-paginator rows=10 #paginator (onPageChange)="getVideos($event)" [totalRecords]="{{totalCount}}"
                                [rowsPerPageOptions]="10">
                            </p-paginator>
                            <! <span class="total-records-count">
                                {{l('TotalRecordsCount', primengDatatableHelper.totalRecordsCount)}}
                            </span> 
                        </div>
                    </div> -->
                    <!-- 分页end -->
                </div>
                <aside class="col-md-4 blog-aside">

                    <!-- <div class="aside-widget">
                        <header>
                            <h3>其他文章</h3>
                        </header>
                        <div class="body">
                            <ul class="clean-list">
                                <li *ngFor="let item of articles">
                                    <a href="">Clean - Responsive HTML5 Template</a>
                                </li>
                                <li>
                                    <a href="">Responsive Pricing Table</a>
                                </li>
                                <li>
                                    <a href="">Yellow HTML5 Template</a>
                                </li>
                                <li>
                                    <a href="">Blackor Responsive Theme</a>
                                </li>
                                <li>
                                    <a href="">Portfolio Bootstrap Template</a>
                                </li>
                                <li>
                                    <a href="">Clean Slider Template</a>
                                </li>
                            </ul>
                        </div>
                    </div> -->

                    <!--<div class="aside-widget">
            <header>
              <h3>Related Post</h3>
            </header>
            <div class="body">
              <ul class="clean-list">
                <li>
                  <a href="">Blackor Responsive Theme</a>
                </li>
                <li>
                  <a href="">Portfolio Bootstrap Template</a>
                </li>
                <li>
                  <a href="">Clean Slider Template</a>
                </li>
                <li>
                  <a href="">Clean - Responsive HTML5 Template</a>
                </li>
                <li>
                  <a href="">Responsive Pricing Table</a>
                </li>
                <li>
                  <a href="">Yellow HTML5 Template</a>
                </li>
              </ul>
            </div>
          </div>-->

                    <div class="aside-widget">
                        <header>
                            <h3>标签</h3>
                        </header>
                        <div class="body clearfix">
                            <ul class="tags">
                                <li>
                                    <a (click)="getArticles()">全部</a>
                                </li>
                                <li *ngFor="let item of tags">
                                    <a (click)="getArticleBy(item.id)">{{item.name}}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </aside>
            </div>
        </div>
    </div>
</div>
